<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //数组api
        var arr1=[1,2,3,4];
        var arr2=[5,6,7,8];
        //concat--拼接
        //不改变原数组
        // console.log(arr1.concat(arr2));

        //join  ---加入
        //将数组转换为字符串
        //不改变原数组
        console.log(typeof arr1)
        console.log(arr1.join('+')) 
        
        //反转 
        //改变原数组
        // console.log(arr1.reverse())
        // console.log(arr1)

        //slice 选取 (starIndex:number,endIndex:number)
        //从数组的startIndex 位置开始选取
        //含头不含尾
        //不改变原数组
        console.log(arr1.slice(0,1))

        //push ---按压   pop ---弹出
        //直接压入参数内容    从数组的结尾位置
        //直接压入参数的内容,从数组的结尾位置
        //arr1.push(666) 数组长度
        //改变原数组
        // console.log(arr1)
        // console.log(arr1.push([11,22,33]))
        // console.log(arr1)
        console.log(arr1)
        console.log(arr1.pop())
        console.log(arr1)

        //shift                        unshift
        //返回(弹出|头部删除的)的元素   返回(增加头部添加的数组)的元素
        //弹出一个元素 ，从数组的开头位置弹出
        //改变原数组
        console.log(arr1);
        console.log(arr1.shift())
        console.log(arr1);
         //splice 删除  (starIndex:number,endIndex:number，addElement:all)
     //从数组的startIndex 下标位置开始删除， 删除几个元素,并且将第三个参数的内容添加到删除的位置中
     //删除的count允许为0 此时，功能变为向指定位置添加元素
     //返回的是删除的元素，并且以数组的方式返回
     //修改原数组
     console.log(arr1.splice(3,2,100));
     console.log(arr1)
    </script>
</body>
</html>